<extend name="Public/common"/>
<block name="othercss"> 
  <link href="{$theme_path}/css/slick.css" rel="stylesheet">
    <script src="{$theme_path}/js/slick.min.js"></script>
</block>
<block name="body">
<div class="container">
    <!--首页banner-->
    <div class="banner max-height">
    <volist name="banner" id="item">
        <a href="{$item.url|file_url_http}"><img src="__ROOT__{$item.picture}" width="100%"/> </a>
     </volist>
    </div>
    
    <!--end 首页banner-->
    <!--栏目分类-->
    <div class="column">
        <div class="box clearfix">
            <a href="{:urlrotue('GList/index',array('o'=>'time_desc'))}">
                <img src="{$theme_path}/images/i_icon4.png"/>
                新品推荐
            </a>
            <volist name="all_cat" id="top_menu">
            <a href="{:U('GList/index',array('cid'=>$top_menu['cat_id']))}">
                <img src="__ROOT__{$top_menu.ico}"/>
                {$top_menu.cat_name}
            </a>
            </volist>
          
        </div>
    </div>
    <!--end 栏目分类-->
    <div class="index_pro">
        <!--新品推荐-->
        
           {$index_block}
        


    </div>
    
</div>
</block>
<block name="otherjs">
<script>
    new WOW().init();
    // banner轮播图
    $('.banner').slick({
        pauseHove: false,
        infinite: true,
        arrows: false,
        dots: false,
        speed: 300,
        autoplay: true,
    })
    // 产品轮播图
    $('.pro_banner').slick({
        pauseHove: false,
        infinite: true,
        arrows: false,
        dots: false,
        speed: 500,
        autoplay: true,
    })
    // 产品分类第一个a标签轮播图
    $('.series_list li:first-child ').slick({
        pauseHove: false,
        infinite: true,
        arrows: false,
        dots: false,
        speed: 300,
        autoplay: true,
    })
</script>
</block>
